#@web_layout?()
#define css()
<link rel="stylesheet" type="text/css" href="#(contextPath)/assets/front/web/css/main.css?#(getUUID())" />
#end
#define content()
<div class="c-article">
    <div class="g-task-base-info">
        <div class="u-title">基本信息</div>
        <div class="m-card">
            <div class="u-card-title">任务标题：#(task.task_title)</div>
            <div class="u-top">
                <div class="u-cell" style="border-right: 1px solid #d8d8d8">
                    <div class="u-icon u-icon-time"></div>
                    <div class="u-text">
                        <div class="u-text-title">任务时间</div>
                        <div class="u-content">#(task.dateString)</div>
                    </div>
                </div>
                <div class="u-cell" style="border-right: 1px solid #d8d8d8">
                    <div class="u-icon u-icon-money"></div>
                    <div class="u-text">
                        <div class="u-text-title">任务酬劳</div>
                        <div class="u-content">#(task.task_price) 元/人</div>
                    </div>
                </div>
                <div class="u-cell">
                    <div class="u-icon u-icon-status"></div>
                    <div class="u-text">
                        <div class="u-text-title">任务状态</div>
                        <div class="u-content">#(task.status())</div>
                    </div>
                </div>
            </div>
            <div class="u-bottom">
                <div class="u-cell" style="border-right: 1px solid #d8d8d8;width:50%;">
                    <div class="u-icon u-icon-summary"></div>
                    <div class="u-text u-text-width">
                        <div class="u-text-title">任务说明</div>
                        <div class="u-content">#(task.task_description)</div>
                    </div>
                </div>
                <div class="u-cell">
                    <div class="u-icon u-icon-link"></div>
                    <div class="u-text">
                        <div class="u-text-title">任务链接</div>
                        <div class="u-content">
                        #if(task.h5_type==2)
                        	<a href="#(contextPath)/platform/task/viewH5?id=#(task.id)">
                        		#(host):#(port)#(contextPath)/platform/task/showH5?id=#(task.id)
                        	</a>
                        #else
                        	当前任务暂无H5预览页面
                        #end
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-task-result">
        <div class="u-title">任务效果</div>
        <div class="m-card m-card-row">
            <div class="u-block" style="border-right:1px solid #d8d8d8">
                <div class="u-block-title">接单人数</div>
                <div class="u-block-content">
                    <div class="content-icon content-icon-num"></div>
                    <div class="content-num">#(task.rece)</div>
                </div>
            </div>
            <div class="u-block" style="border-right:1px solid #d8d8d8">
                <div class="u-block-title">总点人数</div>
                <div class="u-block-content">
                    <div class="content-icon content-icon-point"></div>
                    <div class="content-num">#(task.click)</div>
                </div>
            </div>
            <div class="u-block">
                <div class="u-block-title">转化人数</div>
                <div class="u-block-content">
                    <div class="content-icon content-icon-transform"></div>
                    <div class="content-num">#(task.cvs)</div>
                </div>
            </div>
        </div>
    </div>
    <div class="g-task-result-info">
        <div class="u-title">效果明细</div>
        <ul class="m-list" style="justify-content:flex-start">
            #for(fair : fairs)
            <li class="m-cell">
                <div class="m-cell-panel">
                    <div class="m-cell-top">
                        <div class="top-head"></div>
                        <div class="top-name">#(fair.nick_name)</div>
                        <div class="top-tag">#(fair.attrString)</div>
                    </div>
                    <div class="m-cell-bottom">
                        <div class="bottom-num" style="border-right:1px solid #d6d6d6">
                            <div class="num-icon num-icon-point"></div>
                            <div class="num-content">点击量 #(fair.click_num)</div>
                        </div>
                        <div class="bottom-num">
                            <div class="num-icon num-icon-transform"></div>
                            <div class="num-content">转化人数 #(fair.cvs_num)</div>
                        </div>
                    </div>
                </div>
            </li>
            #else
                暂未有点击数据
            #end
        </ul>
    </div>
</div>
#end
#define script()
<script type="application/javascript" data-main="#(contextPath)/assets/front/web/script/platform_feedback" src="#(contextPath)/assets/front/web/script/require.js"></script>
#end